
<template>
  <el-dialog v-model="isShowDialog"
             :before-close="handleClose"
             title="采购单"
             draggable
             width="80%"
             append-to-body
  >
    <div class="justify-content items-center" style="margin-bottom: 15px" >
      <div class="plan">
        <span class="information"></span>
        <span class="informationText">基础信息</span>
      </div>
    </div>
    <el-form :inline="true" :model="saveParams" label-width="100px" :rules="rules">
      <div style="display: flex;flex-wrap: wrap">
        <el-col :span="6">
          <el-form-item label="采购订单号">
            <el-input v-model="saveParams.sku" placeholder="默认自动生成" disabled/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="采购商品" prop="sku">
            <el-input v-model="saveParams.sku" placeholder="请选择" disabled/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="采购数量">
            <el-input v-model="saveParams.aa" placeholder="采购数量" clearable/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="采购仓库">
            <el-input v-model="saveParams.aa" placeholder="采购仓库" clearable/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="收货人">
            <el-input v-model="saveParams.sku" placeholder="默认自动生成" disabled/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="联系方式">
            <el-input v-model="saveParams.sku" placeholder="默认自动生成" disabled/>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="收货地址" style="width: 92%">
            <el-input v-model="saveParams.sku" placeholder="默认自动生成" disabled/>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="备注" style="width: 90%">
            <el-input type="textarea" :rows="3" v-model="saveParams.aa" placeholder="备注" clearable/>
          </el-form-item>
        </el-col>

      </div>

    </el-form>

    <div class="justify-content items-center" style="margin-bottom: 15px" >
      <div class="plan">
        <span class="information"></span>
        <span class="informationText">ERP采购信息</span>
      </div>
    </div>
    <vxe-table
        border
        show-overflow
        :row-config="{isCurrent: true, isHover: true}"
        style="margin-top: 10px;"
        align="center"
        :data="tableList"
        height="300"
    >
      <vxe-column type="seq" width="80" title="序号"  ></vxe-column>
      <vxe-column field="name" title="店铺ID"></vxe-column>
      <vxe-column field="name" title="SKU编号"></vxe-column>
      <vxe-column field="name" title="商品名称"></vxe-column>
      <vxe-column field="name" title="商品图片"></vxe-column>
      <vxe-column field="name" title="采购链接"></vxe-column>

    </vxe-table>

    <template #footer>
        <span class="dialog-footer">
          <el-button type="primary"> 保存 </el-button>
          <el-button @click="handleClose">取消</el-button>
        </span>
    </template>

  </el-dialog>
</template>

<script setup>


let saveParams = ref({})
// 表单校验
const rules = ref({
  user: [{required: true, message: "请选择是否同步ERP", trigger: "change"}],
});

const props = defineProps({
  isShowDialog: {
    type: Boolean,
    default: false
  },
})

const emits = defineEmits(['cancel'])

function handleClose() {
  emits('cancel')
}

let tableList=ref([])

</script>


<style scoped lang="scss">

</style>